<template>
	<div class="hello_principal">
		<div class="principal_title clearfix">
			<span @click="goBack" class="left">返回</span>
			<div>基本资料</div>
		</div>
		<div class="notice">每一项资料请务必准确填写，方便审核</div>
		<div class="notice_data">
			<input class="principal_username" type="text" placeholder="*名字"/>
			<div class="sex">
				<label for="">*性别：</label>
				<input type="radio" />男
				<input type="radio" />女
			</div>
			<input type="text" class="telephone" placeholder="*手机号"/>
			<input type="text" class="ID_Number" placeholder="*证件号"/>
			<div class="ID_card">
				<div>*身份照片</div>
				<img src="../../../assets/u3018.png"/>
				<p>上传身份照片</p>
			</div>
			<div class="Qualification">
				<div>*从业资格证书</div>
				<img src="../../../assets/u3018.png" alt="" />
				<p>上传资格证书照片</p>
			</div>
		</div>
		<div class="foot">
			<button>保存</button>
		</div>
		
	</div>
</template>

<script>
	export default{
		methods:{
			goBack:function(){
				this.$router.push({path:'/chessschool'})
			}
		}
	}
</script>

<style>
	*{
		margin: 0;
		padding: 0;
	}
	.clearfix:after{
	clear: both;
	content:'' ;
	display: block;	
}
.left{
	float:left
}
.principal_title{
		background: #4682B4;
		font-size: 0.3rem;
		color: #fff;
		padding: 20px 0 20px 10px;
		
	}
	.principal_title>div{
		text-align: center;
	}
.right{
	float:right
}
	.hello_principal{
		font-size: 0.4rem;
	}
	.notice{
		padding: 20px 0 20px 20px;
		background-color: #f2f2f2;
		font-size: 0.3rem;
	}
	.notice_data{
		margin-bottom: 100px;
	}
	input{
		font-size: 0.4rem;
	}
	.principal_username,.sex,.telephone,.ID_Number{
		width: 90%;
		padding: 20px;
		border: 0px;
		border-bottom: 1px solid #ccc;
		font-weight: 600;
	}
	
	.ID_card>div,.Qualification>div{
		padding: 10px;
		font-weight: 600;
	}
	.ID_card>img,.Qualification>img{
		margin-left:20%;
	}
	.ID_card,.Qualification{
		position: relative;
	}
	.ID_card>p,.Qualification>p{
		position: absolute;
		top: 55%;
		left: 36%;
		font-size: 0.3rem;
	}
	
	.foot{
		width: 100%;
	    height: 100px;
	    background-color: #ccc;
	    position: fixed;
	    bottom: 0;
	}
	.hello_principal button{
		background-color: #00BFFF;
		position: fixed;
		bottom: 20px;
		width: 80%;
		margin-left:10%;
		padding: 20px 0;
		border: 0px;
		border-radius: 5px;
		color: #fff;
		font-size: 0.3rem;
		font-weight: 600;
		z-index: ;
	}
</style>